ヘッダーのカスタマイズ

トップ前へ次へ

【このページの主な項目】

•	ヘッダーのカスタマイズ

•	ヘッダー画像のカスタマイズ

ヘッダーのカスタマイズ

ヘッダーを変更する手順について説明いたします。

手順

PCページのカスタマイズ

1.	FileBlogインストールフォルダ\Apache\htdocs\fileblog\customフォルダに、header.php という名前のテキストファイルを作成してください。

　　※ customフォルダが存在していない場合には作成してください。

2.	内容は HTML 形式で自由に記述できます。

<h1>トップページ</h1>

<span style="color:red;">HTMLタグを使用できます</span>

3.	ファイルのエンコーディングを UTF-8 で保存してください。

•	ファイルは UTF-8 (BOMなし) 形式で保存する必要があります。

※ Windows の「メモ帳」では、UTF-8 で保存すると BOM 付になってしまうため、他のエディタ製品を使う必要があります。

モバイルページのカスタマイズ

1.	FileBlogインストールフォルダ\Apache\htdocs\fileblog\customフォルダに、headerm.php という名前のテキストファイルを作成してください。

　　※ custom フォルダが存在していない場合には作成してください。

2.	内容は HTML 形式で自由に記述できます。

3.	ファイルのエンコーディングを UTF-8 で保存してください。

•	ファイルは UTF-8 (BOMなし) 形式で保存する必要があります。

※ Windowsの「メモ帳」では、UTF-8 で保存すると BOM 付になってしまうため、他のエディタ製品を使う必要があります。

※ PC ページ用 header.php が存在し、モバイル用 headerm.php がない場合は、PC ページ用 header.php が使用されます。

ヘッダ画像のカスタマイズ

ヘッダ画像を変更する手順について説明いたします。

手順

PCページのカスタマイズ

1.	FileBlogインストールフォルダ\Apache\htdocs\fileblog\customフォルダに、logo.gif を作成してください。

　　※ custom フォルダが存在していない場合には作成してください。

2.	見本となるオリジナルのヘッダ画像は以下のURLでブラウザから確認ができます。大きさを参考にしてください。

logo.gifのオリジナル： [トップページのURL]/img/fblogo.gif

例） http://localhost/fileblog/img/fblogo.gif

3.	同様に、ロゴの背景画像である、fblogoblank.gif のカスタマイズも可能です。

FileBlogインストールフォルダ\Apache\htdocs\fileblog\customフォルダに、logoblank.gif を作成してください。

4.	見本となるオリジナルの画像は以下のURLでブラウザから確認ができます。大きさを参考にしてください。

logoblank.gif のオリジナル： [トップページのURL]/img/fblogoblank.gif

例） http://localhost/fileblog/img/fblogoblank.gif

モバイルページのカスタマイズ

1.	FileBlogインストールフォルダ\Apache\htdocs\fileblog\customフォルダに、logom.gif を作成してください。

　　※ custom フォルダが存在していない場合には作成してください。

2.	見本となるオリジナルのヘッダ画像は以下のURLでブラウザから確認ができますので参考にしてください。

logom.gifのオリジナル： [トップページのURL]/m/img/fblogo.gif

例） http://localhost/fileblog/m/img/fblogo.gif